<!DOCTYPE html>
<html lang="en">

<head>
    {include file="common/meta" /}
    <link rel="stylesheet" href="__CDN__/static/style/list.css" />
</head>

<body>
<div id="app">
    <!-- 头部 -->
    {include file="common/head" /}

    <!-- 内容 -->
    <el-row type="flex" justify="center" style="padding-top: 50px;">
        <el-col :span="12" class="vertical-center" style="padding-left: 200px;">
            <p class="f-s-48 l-h-70">{$show.keywords}</p>
            <p class="f-s-14 l-h-24 m-t-60">{$show.description}</p>
        </el-col>
    </el-row>
    <el-row type="flex" justify="center" style="padding-top: 140px;">
        <el-col :span="24" class="vertical-center" style="text-align: center">
            {$show.content}
        </el-col>
    </el-row>
    <!-- 底部 -->
    {include file="common/foot" /}
</div>

<script>
    new Vue({
        el: "#app",
        data() {
            return {
                activeIndex: "1",
                isMenuOpen: false,
                drawer: false,
                menuItems: [
                    {include file="common/head_js" /}
                ],
                footerList: [
                    {include file="common/foot_js" /}
                ]
            };
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            },
        },
    });
</script>
</body>
</html>